<!-- 数据显示table -->
<div id="tablePanel" class="easyui-panel" data-options="fit:true" style="padding:1px; top:300px;"
  title="{{i18n.RetailOutboundList}}" iconCls="icon-list">
  <div class="box-body form-inline">
    <div class="form-group">
      <label class="control-label">{{i18n.DocumentNumber}}:</label>
      <div class="control-inline">
        <input type="text" id="searchNumber" name="searchNumber" value="" maxlength="100"
          class="easyui-textbox width-90" />
      </div>
    </div>
    <div class="form-group">
      <label class="control-label">{{i18n.ProductInformation}}:</label>
      <div class="control-inline">
        <input type="text" id="searchMaterial" name="searchMaterial" placeholder="{{Name}},{{Model}}" maxlength="100"
          class="easyui-textbox width-90" />
      </div>
    </div>
    <div class="form-group">
      <label class="control-label">{{i18n.DocumentDate}}:</label>
      <div class="control-inline">
        <input type="text" id="searchBeginTime" name="searchBeginTime" value="" maxlength="100"
          class="easyui-datebox width-120" />
        -
        <input type="text" id="searchEndTime" name="searchEndTime" value="" maxlength="100"
          class="easyui-datebox width-120" />
      </div>
    </div>
    <div class="form-group">
      <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"
        id="searchBtn">{{i18n.Inquiry}}</a>&nbsp;
      <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-redo" id="searchResetBtn">{{i18n.Reset}}</a>
    </div>
  </div>
  <table id="tableData" style="top:300px;border-bottom-color:#FFFFFF"></table>
</div>

<div id="depotHeadDlg" class="easyui-dialog" style="padding:10px 20px;" fit="true" closed="true" buttons="#dlg-buttons"
  modal="true" cache="false" collapsible="false" closable="true">
  <form id="depotHeadFM" method="post" novalidate>
    <table width="100%" style="min-width:1100px;">
      <tr>
        <td style="width:70px;height:50px;">会员卡号</td>
        <td style="padding:5px;width:200px;">
          <div class="org-list">
            <input id="OrganId" name="OrganId" style="width:130px;" />
          </div>
          <div class="add-org-btn">
            <img id="addMember" src="/js/easyui/themes/icons/edit_add.png" style="cursor: pointer;" alt="增加会员"
              title="增加会员" />
          </div>
        </td>
        <td style="width:70px;">单据日期</td>
        <td style="padding:5px">
          <input type="text" name="OperTime" id="OperTime" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"
            class="txt Wdate radius-ui" style="width: 140px;" readonly />
        </td>
        <td style="width:80px;">单据编号</td>
        <td style="padding:5px">
          <input name="Number" id="Number" class="easyui-validatebox radius-ui" data-options="validType:'length[2,30]'"
            style="width: 150px;" readonly />
        </td>
        <td style="width:70px;">付款类型</td>
        <td style="padding:5px;width:150px;">
          <select name="payType" id="payType" class="radius-ui" style="width:145px;">
            <option value="现付">现付</option>
          </select>
        </td>
      </tr>
      <tr>
        <td colspan="6" valign="top">
          <!-- 商品列表table -->
          <table id="materialData" style="top:100px;border-bottom-color:#FFFFFF"></table>
        </td>
        <td colspan="2" valign="top">
          <table width="100%" class="retail-amount">
            <tr>
              <td colspan="2">实收金额</td>
            </tr>
            <tr>
              <td colspan="2">
                <input id="ChangeAmount" name="ChangeAmount" class="change-amount" readonly="readonly"
                  data-changeamount="0" />
              </td>
            </tr>
            <tr>
              <td colspan="2">收款金额</td>
            </tr>
            <tr>
              <td colspan="2">
                <input id="getAmount" name="getAmount"
                  onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" class="get-amount"
                  data-changeamount="0" />
              </td>
            </tr>
            <tr>
              <td colspan="2">找零</td>
            </tr>
            <tr>
              <td colspan="2">
                <input id="backAmount" name="backAmount" class="back-amount" readonly="readonly"
                  data-changeamount="0" />
              </td>
            </tr>
            <tr>
              <td>收款账户</td>
              <td>
                <select name="AccountId" id="AccountId" class="radius-ui" style="width:110px;"></select>
                <img class="many-account-ico" src="/js/easyui/themes/icons/filelist.jpg" style="display: none;" />
              </td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td colspan="8">
          <textarea name="Remark" id="Remark" rows="2" cols="2" class="radius-ui" placeholder="暂无备注信息"
            style="width: 100%; height:35px;"></textarea>
        </td>
      </tr>
    </table>
    <input type="hidden" name="clientIp" id="clientIp" value="<%=clientIp %>" />
  </form>
</div>
<div id="dlg-buttons">
  <a href="javascript:void(0)" id="saveDepotHead" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
  <a href="javascript:void(0)" id="cancelDepotHead" class="easyui-linkbutton" iconCls="icon-cancel"
    onclick="javascript:$('#depotHeadDlg').dialog('close')">取消</a>
</div>
<div id="depotHeadDlgShow" class="easyui-dialog" style="padding:10px 20px;" fit="true" closed="true"
  buttons="#dlg-buttons-show" modal="true" cache="false" collapsible="false" closable="true">
  <table width="100%" style="min-width:1100px;">
    <tr>
      <td style="width:70px;height:50px;">会员卡号：</td>
      <td style="padding:5px;width:200px;">
        <span id="OrganIdShow"></span>
      </td>
      <td style="width:70px;">单据日期：</td>
      <td style="padding:5px;width:200px;">
        <span id="OperTimeShow"></span>
      </td>
      <td style="width:80px;">单据编号：</td>
      <td style="padding:5px;width:200px;">
        <span id="NumberShow"></span>
      </td>
      <td style="width:80px;">付款类型：</td>
      <td style="padding:5px;width:150px;">
        <span id="payTypeShow"></span>
      </td>
    </tr>
    <tr>
      <td colspan="6">
        <!-- 商品列表table -->
        <table id="materialDataShow" style="top:100px;border-bottom-color:#FFFFFF"></table>
      </td>
      <td colspan="2" valign="top">
        <table width="100%" class="retail-amount-show">
          <tr>
            <td colspan="2">实收金额</td>
          </tr>
          <tr>
            <td colspan="2">
              <span id="ChangeAmountShow" class="change-amount-show"></span>
            </td>
          </tr>
          <tr>
            <td colspan="2">收款金额</td>
          </tr>
          <tr>
            <td colspan="2">
              <span id="getAmountShow" class="get-amount-show"></span>
            </td>
          </tr>
          <tr>
            <td colspan="2">找零</td>
          </tr>
          <tr>
            <td colspan="2">
              <span id="backAmountShow" class="back-amount-show"></span>
            </td>
          </tr>
          <tr>
            <td>收款账户：</td>
            <td align="left" style="width:110px;">
              <span id="AccountIdShow"></span>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td colspan="8" style="width: 1130px; height:35px;">
        <span id="RemarkShow"></span>
      </td>
    </tr>
  </table>
</div>
<div id="dlg-buttons-show">
  <a href="javascript:void(0)" id="printDepotHeadShow" class="easyui-linkbutton" iconCls="icon-print">打印</a>
  <a href="javascript:void(0)" id="cancelDepotHeadShow" class="easyui-linkbutton" iconCls="icon-cancel"
    onclick="javascript:$('#depotHeadDlgShow').dialog('close')">取消</a>
</div>
<div id="depotHeadAccountDlg" class="easyui-dialog" style="width:380px;padding:10px 20px;top:80px" closed="true"
  modal="true" buttons="#accountDlgButtons" cache="false" collapsible="false" closable="true">
  <table class="account-dlg">
    <tr class="account-head-tmp">
      <td style="width:30px;"></td>
      <td style="width:140px; padding:5px;">结算账户</td>
      <td style="width:100px; padding:5px;">金额</td>
    </tr>
    <tr>
      <td style="width:30px;"></td>
      <td style="width:140px;text-align: center;">合计：</td>
      <td style="width:100px;"><span id="accountMoneyTotalDlg"></span></td>
    </tr>
  </table>
  <table class="tabs-tmp">
    <tr class="account-content-tmp">
      <td style="width:30px;"></td>
      <td style="width:140px; padding:3px;"><select class="account-id-dlg" style="width:140px;"></select></td>
      <td style="width:100px; padding:3px;"><input class="account-money-dlg" style="width:100px;" /></td>
    </tr>
  </table>
</div>
<div id="accountDlgButtons">
  <a href="javascript:void(0)" id="saveDepotHeadAccountDlg" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
  <a href="javascript:void(0)" id="cancelDepotHeadAccountDlg" class="easyui-linkbutton" iconCls="icon-cancel">取消</a>
</div>
<div id="supplier"></div>
<div id="depot"></div>